<?php
global $post;
$list_image = get_list_image_album();
$timthumb = get_template_directory_uri()."/functions/thumb.php";

list($_min) = wp_get_attachment_image_src(get_post_thumbnail_id(),"medium");
list($_thumb) = wp_get_attachment_image_src(get_post_thumbnail_id(),"thumbnail");
list($_large) = wp_get_attachment_image_src(get_post_thumbnail_id(),"large");


?>

<div class="featured-img">

	<div id="wrap" style="top:0px;z-index:9;position:relative;left:0px;">

			<a class='cloud-zoom' id='zoom1'

			 rel="zoomWidth:400 ,showTitle: false, adjustX:35, adjustY:0, softFocus:false" 

			 href="<?php echo $_large;?>">

				  <img  alt="" title="<?php the_title();?>" src="<?php echo $_large;?>" style="display: block;border:none; width:370px;"/>

			</a>

			<div class="mousetrap" style="background-image: url('.'); z-index: 998; position: absolute; left: 0px; top: 0px; cursor: move;">

			</div>

	</div>

</div>

<hr/>
<div class="multizoom1 thumbs">

	<ul id="mycarousel2" class="jcarousel-skin-tango">

	<li>

		<a id="thumb_collection" href="<?php echo $_large;?>" class="cloud-zoom-gallery" title="<?php echo $post->post_title;?>" 

		rel="useZoom: &#39;zoom1&#39;, smallImage: &#39;<?php echo $_min; ?> &#39; ">

			<img style="height:117px;border:none;" src="<?php echo $_thumb;?>" />

		</a>

	</li>

	<?php

	$images = get_list_image_album();
	

	foreach($images as $image){
		$idatt = jam_get_image_id($image);
		list($_min) = wp_get_attachment_image_src($idatt,"medium");
		list($_thumb) = wp_get_attachment_image_src($idatt,"thumbnail");
		list($_large) = wp_get_attachment_image_src($idatt,"large");
		?>
		<li>
			<a id="thumb_collection" href="<?php echo $_large;?>" class="cloud-zoom-gallery" title="<?php echo $post->post_title;?>" 
			rel="useZoom: &#39;zoom1&#39;, smallImage: &#39;<?php echo $_min; ?> &#39; ">
				<img style="height:117px;border:none;" src="<?php echo $_thumb;?>" />
			</a>
		</li>   
		<?php
	}

	?>

	</ul>

</div>